<!--第一个var出现未登录；第二个var关闭未登录-->

var geren=document.querySelector(".web .icon-liebiao");
var presonal=document.querySelector(".no_landing");
geren.addEventListener("touchend",function(){
		presonal.style.transition="all 300ms linear ";
		presonal.style.transform="translate(0)";
		
})
var guanbi=document.querySelector(".icon-cha");
var presonal=document.querySelector(".no_landing");
guanbi.addEventListener("touchend",function(){
		presonal.style.transition="all 300ms linear ";
		presonal.style.transform="translateX(-100%)";
})
<!--第一个var出现已登录；第二个var关闭已登录-->
var denglu=document.querySelector(".no_landing .denglu1");
var siren=document.querySelector(".landing");
denglu.addEventListener("touchend",function(){
		siren.style.transition="all 100ms linear ";
		siren.style.transform="translate(0)";
		presonal.style.transform="translateX(-100%)";
})

var close=document.querySelector(".landing .icon-cha");
var siren=document.querySelector(".landing");
close.addEventListener("touchend",function(){
		siren.style.transition="all 100ms linear ";
		siren.style.transform="translateX(-100%)";
})
<!--第一个var出现未登录；第二个var关闭未登录-->

var sousuojian=document.querySelector(".web .icon-sousuo");
var sousuoye=document.querySelector(".search");
sousuojian.addEventListener("touchend",function(){
		sousuoye.style.transition="all 300ms linear ";
		sousuoye.style.transform="translate(0)";
		
})

var guansousuo=document.querySelector(".search .icon-cha");
var sousuoye=document.querySelector(".search");
guansousuo.addEventListener("touchend",function(){
		sousuoye.style.transition="all 300ms linear ";
		sousuoye.style.transform="translateY(-100%)";
})




function bestlike(selector,colorClass){
			$(selector).on('touchend',function(){
				l_boo=$(this).hasClass(colorClass);
				var x =  $(this).next().text();
				var n = Number(x);
				var b = $(this).next();
				if(!l_boo){
					$(this).addClass(colorClass);
					b.text(n+1);
				}else{
					$(this).removeClass(colorClass);
					b.text(n-1);
				}
			})
		}
		new bestlike('.icon-xin','red');
		
		
var  gimc= document.querySelectorAll("#gimc");
var gimckaiguan= document.querySelectorAll("#gimckaiguan");

var isBlock = false;
for(let i = 0; i < gimckaiguan.length; i++) {
	gimckaiguan[i].addEventListener("click", function() {
	if(!isBlock) {
		gimc[i].style.height="0px";
		gimckaiguan[i].style.transform="rotate(0deg)";
		isBlock = true;
		
	} else {
		gimc[i].style.height="90px";
		gimckaiguan[i].style.transform="rotate(90deg)";
		isBlock = false;
		
	}
})
}

var  sg= document.querySelector("#sg");
var sgkaiguan= document.querySelector("#sgkaiguan");
var isBlock = false;
sgkaiguan.addEventListener("click", function() {
	if(!isBlock) {
		sg.style.display = "none"
		
		isBlock = true;
		
	} else {
		sg.style.display = "block"
		isBlock = false;
		
	}
})





